<template>
    <div class="commodity" >
        <el-table :data="tableData"  style="width: 100%;margin-left: 10%;margin-top:10% " isCollapse="false">
            <el-table-column prop="img" label="《-图片" width="400">
                <template v-slot:default="scope">
                    <el-image :src="scope.row.img"/>
                </template>
            </el-table-column>
            <el-table-column prop="name" label="药品名称" width="150" />
        </el-table>
    </div>


</template>

<script>
    export default {
        name: "",
        data(){
            return{
                tableData:[
                    {
                        name:'治拉稀药水',
                        img:'../static/img/laxi.jpg'
                    }, {
                        name:'解毒药',
                        img:'../static/img/jeidu.jpg'
                    },
                    {
                        name:'治球虫药',
                        img:'../static/img/shacong.jpg'
                    },
                ],
            }
        },
        methods:{

        },
        created() {
        }
    }
</script>
<style scoped>
    @import url("drug.css");
</style>